<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<!--    <h:head>
        <title>Biblioteca CIDETEC - Registrar Usuario</title>
    </h:head>-->

    <ui:composition template="templates/layout.xhtml">
        
        <ui:define name="title">Biblioteca CIDETEC - Registrar usuario</ui:define>
        <ui:define name="contenido">
                <h:form id="formRegistrarUsuario">  
                    <div class="row">
                        <div class="col-md-5 col-md-offset-3">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    Datos usuario
                                </div>
                                <div class="panel-body">
                                    <center>
                                        <table>
                                            <tr>     
                                                <td><h:outputLabel for="nick" value="Usuario: " /></td>
                                                <td><p:inputText id="nick" value="#{usuarioSimpleController.usuario.nick}" label="Usuario" required="true" styleClass="form-control"/></td>
                                            </tr>
                                            <tr>  
                                                <td colspan="2"><p:message for="nick" /></td>
                                            </tr>
                                            <tr> 
                                                <td><h:outputLabel for="pwd1" value="Password: " /></td>
                                                <td><p:password id="pwd1" value="#{usuarioSimpleController.usuario.password}" match="pwd2" label="Password 1" required="true" styleClass="form-control"/></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="pwd1" /></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="pwd2" value="Confirmar Password: " /></td>
                                                <td><p:password id="pwd2" value="#{usuarioSimpleController.usuario.password}" label="Password 2" required="true" styleClass="form-control"/></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="pwd2" /> </td>
                                            </tr>
                                        </table>
                                    </center>
                                </div>
                            </div>
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    Datos personales
                                </div>
                                <div class="panel-body">
                                    <center>
                                        <table>
                                            <tr>
                                                <td> <h:outputLabel for="nombre" value="Nombre: " /></td>
                                                <td>
                                                    <p:inputText id="nombre" value="#{usuarioSimpleController.usuario.persona.nombre}" label="Nombre" required="true" validatorMessage="Nombre: Valor invalido(Solo caracteres)" styleClass="form-control">
                                                        <f:validateRegex pattern="[A-Za-zñÑ]+" />
                                                    </p:inputText> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="nombre" /> </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="appaterno" value="Apellido paterno: " /></td>
                                                <td>
                                                    <p:inputText id="appaterno" value="#{usuarioSimpleController.usuario.persona.apPaterno}"  label="Apellido paterno" required="true" validatorMessage="Apellido paterno: Valor invalido(Solo caracteres)" styleClass="form-control">
                                                        <f:validateRegex pattern="[A-Za-zñÑ]+" />
                                                    </p:inputText> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="appaterno" /></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="apmaterno" value="Apellido materno: " /></td>
                                                <td>
                                                    <p:inputText id="apmaterno" value="#{usuarioSimpleController.usuario.persona.apMaterno}"  label="Apellido materno" required="true" validatorMessage="Apellido materno: Valor invalido(Solo caracteres)" styleClass="form-control">
                                                        <f:validateRegex pattern="[A-Za-zñÑ]+" />
                                                    </p:inputText> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="apmaterno" /></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="email1" value="Email: " /></td>
                                                <td>
                                                    <p:inputText id="email1" value="#{usuarioSimpleController.usuario.persona.email}"   label="Email" required="true" validatorMessage="Email: Valor invalido" styleClass="form-control">
                                                        <f:validateRegex pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$" />
                                                    </p:inputText> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="email1" />  </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="tel" value="Telefono: " /></td>
                                                <td >
                                                    <p:inputText id="tel" value="#{usuarioSimpleController.usuario.persona.telefono}"  label="Telefono" required="true" validatorMessage="Telefono: Valor invalido(Solo numeros)" styleClass="form-control">
                                                        <f:validateRegex pattern="[0-9-]+" />
                                                    </p:inputText> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="tel" /></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel for="dir" value="Direccion: " /></td>
                                                <td><p:inputText id="dir" value="#{usuarioSimpleController.usuario.persona.direccion}"  label="Direccion" required="true" styleClass="form-control"/></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="dir" /></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="Sexo:  "  for="tipoSexo"/></td>
                                                <td>
                                                    <p:selectOneRadio id="tipoSexo" value="#{usuarioSimpleController.usuario.persona.sexo}" required="true" >  
                                                        <f:selectItem itemLabel="Hombre" itemValue="M" />  
                                                        <f:selectItem itemLabel="Mujer" itemValue="F" />    
                                                    </p:selectOneRadio> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><p:message for="tipoSexo"  />   </td>
                                            </tr>
                                        </table>
                                    </center>
                                </div>
                            </div>
                            <center>
                                <p:messages id="messages" />
                                <p:commandButton id="cBRegistrarUsuarioEnviar"  action="#{usuarioSimpleController.crearUsuarioPersonaExecute()}"  update="formRegistrarUsuario" value="Enviar" styleClass="btn btn-primary"/>  
                                <p:commandButton id="cBInciarSesionLimpiar" value="Limpiar" styleClass="btn btn-primary">
                                    <p:ajax update="formRegistrarUsuario" resetValues="true" />  
                                </p:commandButton>
                            </center>
                        </div>
                    </div>
                </h:form>
        </ui:define>
    </ui:composition>
</html>

